css 애니메이션 【버그】 Chrome에서 CSS 애니메이션이 잘 그려지지 않음 뒤표에 문자가 적힌 카드( div#card )에 회전하는 애니메이션을 붙인다. 뒷면( div.back )이 잘 그려지지 않는다. backface-visibility: hidden 를 지정하는 요소에 회전 애니메이션을 적용하면 발생합니다. Blink의 버그로 보인다. Chrome 76.0.3809.132 Opera 63.0.3368.66 그럼 발생. Firefox 68.0.2 그럼 발생하지 않... CSSCSS3css 애니메이션 [참고] 한 문자 한 문자 슬라이딩된 CSS 애니메이션 나는 CSS 애니메이션에서 이런 동작을 실현하고 싶다. 각 문자를 애니메이션화하기 위해 각 문자는 요소를 구분합니다. 문자가 공백에서 미끄러지도록 span을 이중으로 설정합니다. 단추가 눌렸을 때,javascript 부분은 <p class="animation"> 클래스에 추가하거나 제거합니다. CSS는 애니메이션 전후의 상태를 지정합니다. active class가 없을 때, 문자를 가로로 이... css 애니메이션CSS
【버그】 Chrome에서 CSS 애니메이션이 잘 그려지지 않음 뒤표에 문자가 적힌 카드( div#card )에 회전하는 애니메이션을 붙인다. 뒷면( div.back )이 잘 그려지지 않는다. backface-visibility: hidden 를 지정하는 요소에 회전 애니메이션을 적용하면 발생합니다. Blink의 버그로 보인다. Chrome 76.0.3809.132 Opera 63.0.3368.66 그럼 발생. Firefox 68.0.2 그럼 발생하지 않... CSSCSS3css 애니메이션 [참고] 한 문자 한 문자 슬라이딩된 CSS 애니메이션 나는 CSS 애니메이션에서 이런 동작을 실현하고 싶다. 각 문자를 애니메이션화하기 위해 각 문자는 요소를 구분합니다. 문자가 공백에서 미끄러지도록 span을 이중으로 설정합니다. 단추가 눌렸을 때,javascript 부분은 <p class="animation"> 클래스에 추가하거나 제거합니다. CSS는 애니메이션 전후의 상태를 지정합니다. active class가 없을 때, 문자를 가로로 이... css 애니메이션CSS